<template>
    <div class="details">
        <section class="headBtn">
            <div :class="{ active: isActive1==1 }" @click="changeActive1(1)">
                全部
            </div>
            <div :class="{ active: isActive1==2 }" @click="changeActive1(2)">
                工单消息
            </div>
            <div :class="{ active: isActive1==3 }" @click="changeActive1(3)">
                养护消息
            </div>
            <div :class="{ active: isActive1==4 }" @click="changeActive1(4)">
                异常报警
            </div>
        </section>
        <all v-if="isActive1==1"/>
        <gongdan v-if="isActive1==2"/>
        <yanghu v-if="isActive1==3"/>
        <baojing v-if="isActive1==4"/>

    </div>
</template>

<script>
import gongdan from "./details/gongdan";
import yanghu from "./details/yanghu";
import baojing from "./details/baojing";
import all from "./details/all";

export default {
    data() {
        return {
            isActive1: 1,
            isActive2: 1,
            detailsList: [],
            siteIdData: {
                in: '',
                out: ''
            },
            water: {

            },
            videoList: [],
            mapId: {
                x: '120.222744',
                y: '30.191123'
            }
        };
    },
    components:{
        gongdan,yanghu,baojing,all
    },
    methods: {
        changeActive1(num) {
            this.isActive1 = num
        },
        changeActive2(num) {
            this.isActive2 = num
        }
    }
}
</script>

<style>
</style>
